.menu__item:not(.navOn){color:var(--primary-color);position:relative}.menu__item:not(.navOn)::after{content:"";position:absolute;top:0;right:0;width:3px;height:100%;background-color:var(--primary-color);opacity:0;transition:opacity .5s ease-out}@media(min-width: 47.5em){.menu__item:not(.navOn)::after{width:100%;height:3px;top:auto;bottom:0}}.menu__item:not(.navOn):hover::after{opacity:.7}.navOn{color:var(--primary-color);position:relative}.navOn::after{content:"";position:absolute;top:0;right:0;width:3px;height:100%;background-color:var(--primary-color);opacity:1}@media(min-width: 47.5em){.navOn::after{width:100%;height:3px;top:auto;bottom:0}}.d__tab:not(.planetOn){color:var(--primary-color);position:relative}.d__tab:not(.planetOn)::after{content:"";position:absolute;bottom:-13px;left:0;width:93%;height:3px;background-color:var(--primary-color);opacity:0;transition:opacity .5s ease-out;margin-block-start:.8125rem}.d__tab:not(.planetOn):hover::after{opacity:.7}.planetOn{color:var(--primary-color);position:relative}.planetOn::after{content:"";position:absolute;bottom:-13px;left:0;width:93%;height:3px;background-color:var(--primary-color);opacity:1}.fadeIn{animation:entrance 1s ease-out}@keyframes entrance{from{opacity:0}to{opacity:1}}.header__logo{cursor:default}.clickable{cursor:pointer}.main__button{position:relative}.main__button::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:180%;height:180%;border-radius:50%;background-color:rgba(0,0,0,0);transition:background-color .7s ease-out}@media(min-width: 47.5em){.main__button::after{width:143%;height:143%}}@media(min-width: 69.5em){.main__button::after{width:180%;height:180%}}.main__button:hover::after{background-color:var(--btn-hover)}.main__button:hover,.main__button:hover::after{color:var(--btn-hover-txt);transition:background-color .7s,color .5s ease-out}.sectionOFF{display:none !important}.selected{animation:appear .7s ease-out}@keyframes appear{from{opacity:0}to{opacity:1}}.crewOn{width:.625rem;height:.625rem;background-color:var(--primary-color) !important;border-radius:50%;transition:background-color .5s ease-out}@media(min-width: 69.5em){.crewOn{width:.9375rem;height:.9375rem}}.c__dot:hover:not(.crewOn){background-color:var(--c-dot-hover);transition:background-color .5s ease-out}.onBtn{background-color:var(--primary-color) !important;border-radius:50%;color:var(--background-color) !important;transition:background-color .5s ease-out,color .5s ease-out;width:2.5rem;height:2.5rem}@media(min-width: 47.5em){.onBtn{width:3.5rem;height:3.5rem}}@media(min-width: 69.5em){.onBtn{width:5rem;height:5rem}}.t__btn:hover:not(.onBtn){border-color:var(--primary-color);transition:border-color .5s ease-out}.inactive{display:none}.active{display:block}.noOverlay{display:none}.no-scroll{overflow:hidden;position:fixed}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0);z-index:5}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--primary-color: hsl(0, 0%, 100%);--secondary-color: hsl(231, 77%, 90%);--background-color: hsl(230, 35%, 7%);--background-blur: hsla(230, 35%, 7%, 0.15);--white-blur: hsla(0, 0%, 100%, 0.05);--btn-hover: hsla(0, 0%, 100%, 0.1);--btn-hover-txt: hsla(230, 33%, 7%, 0.5);--line-nav: hsla(0, 0%, 100%, 0.25);--c-dot-hover: hsl(0, 0%, 59%)}html,body{overflow-x:hidden}header{z-index:100}body{display:flex;flex-direction:column;background-color:var(--background-color);color:var(--primary-color);position:relative;width:100%;min-height:100vh;min-height:100dvh}main{flex:1;display:flex;width:100%}li{list-style:none;cursor:pointer}footer{width:100%;text-align:center;padding-block-end:.75rem;padding-inline:1.5rem;isolation:isolate}.logo{display:block;width:2.5rem;height:2.5rem}@media(min-width: 47.5em){.logo{width:3rem;height:3rem}}.header__nav{background-color:var(--background-blur);backdrop-filter:blur(40px)}@media(min-width: 47.5em){.header__nav{background-color:var(--white-blur)}}@media(min-width: 47.5em){.header__hamburger,.hamburger__button{display:none}}.hamburger__button{background-color:rgba(0,0,0,0);border:none;cursor:pointer}.main__button{background-color:var(--primary-color);border-radius:50%;border:none;color:var(--background-color);transition:color .5s ease-out;cursor:pointer;width:9rem;height:9rem}@media(min-width: 47.5em){.main__button{width:17rem;height:17rem}}.section__no{color:var(--line-nav)}.c__role{color:var(--line-nav)}.c__dot{width:.625rem;height:.625rem;background-color:var(--line-nav);border-radius:50%;border:none;transition:background-color .5s ease-out;cursor:pointer}@media(min-width: 69.5em){.c__dot{width:.9375rem;height:.9375rem}}.c__img{mask-image:linear-gradient(to bottom, black 70%, transparent 100%);-webkit-mask-image:linear-gradient(to bottom, black 70%, transparent 100%)}.t__btn{background-color:rgba(0,0,0,0);border-radius:50%;border:1px solid var(--line-nav);color:var(--primary-color);transition:background-color .5s ease-out;cursor:pointer}.t__title{color:var(--primary-color);opacity:.5}header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem}@media(min-width: 47.5em){header{padding:0}}@media(min-width: 69.5em){header{padding-block-start:2.5rem;position:relative}}@media(min-width: 69.5em){header::after{content:"";position:absolute;top:5.5rem;left:10.875rem;width:calc(40% - 8rem);height:.0625rem;background-color:var(--line-nav);z-index:11}}@media(min-width: 47.5em){.header__logo{display:flex;align-self:center;margin-inline-start:2.5rem}}@media(min-width: 69.5em){.header__logo{margin-inline-start:4rem}}.header__nav{position:fixed;height:100%;top:0;right:0;width:60vw;transform:translateX(100%);visibility:hidden;transition:transform .6s linear;padding:1.5rem 0 0 2rem;z-index:10}@media(min-width: 47.5em){.header__nav{position:relative;width:83.5%;height:auto;transform:translate(0%);visibility:visible;padding:0;transition:none}}@media(min-width: 69.5em){.header__nav{width:60%}}.open{transform:translateX(0%);visibility:visible}.menuClosed{transform:translateX(100%);transition:transform .6s linear}.btn__close{position:absolute;top:2rem;right:1.5rem;z-index:3}.nav__menu{display:flex;flex-direction:column;margin-block-start:3rem;gap:2rem}@media(min-width: 47.5em){.nav__menu{flex-direction:row;margin:0 2.5rem 0 0;height:6rem;justify-content:end}}@media(min-width: 69.5em){.nav__menu{margin:0 4rem 0 0}}.menu__t{display:inline;position:absolute;left:0;margin-inline-start:1.5rem}@media(min-width: 47.5em){.menu__t{position:relative;margin-inline-start:.5rem}}@media(min-width: 47.5em){.menu__item{display:flex;align-items:center}}.section__home{padding-inline:1.5rem;display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr;justify-items:center;text-align:center;margin-block-start:1.5rem;min-height:100%}@media(min-width: 47.5em){.section__home{padding-inline:7.5rem}}@media(min-width: 69.5em){.section__home{padding-inline:9.375rem}}@media(min-width: 47.5em){.section__home{margin-block-start:8rem}}@media(min-width: 69.5em){.section__home{grid-template-rows:1fr;grid-template-columns:auto auto;text-align:left;align-items:end;width:100%;justify-content:space-between;margin-block-end:8rem}}.main__intro{display:flex;flex-direction:column;gap:1rem}@media(min-width: 69.5em){.main__intro{width:33.75rem}}.main__explore{align-self:center;margin-block:5rem}@media(min-width: 69.5em){.main__explore{margin-block:0;align-self:self-end}}@media(min-width: 47.5em){.section__title{position:absolute;left:0;top:auto;margin-inline-start:2.5rem}}@media(min-width: 69.5em){.section__title{position:relative;left:auto;top:auto;margin-inline-start:0}}.section__destination{padding-inline:1.5rem;display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr;justify-items:center;text-align:center;margin-block-start:1.5rem;min-height:100%;padding-block-end:8%}@media(min-width: 47.5em){.section__destination{padding-inline:7.5rem}}@media(min-width: 69.5em){.section__destination{padding-inline:9.375rem}}@media(min-width: 47.5em){.section__destination{margin-block-start:2.5rem;padding-block-end:3%}}@media(min-width: 69.5em){.section__destination{grid-template-rows:1fr;grid-template-columns:1fr 1fr;text-align:left;width:100%;justify-content:space-between;margin-block-end:3rem}}.d__intro{display:flex;flex-direction:column;justify-content:space-between;width:100%}@media(min-width: 47.5em){.section__title{display:flex;justify-self:flex-start}}.section__no{margin-inline-end:.8125rem}.d__txt{display:flex;flex-direction:column}@media(min-width: 69.5em){.d__txt{justify-content:flex-end;padding-inline:3rem}}.d__menu{display:flex;flex-direction:row;justify-content:center;gap:2rem}@media(min-width: 69.5em){.d__menu{justify-content:flex-start}}.d__name{margin-block:1.75rem 1.5rem}@media(min-width: 69.5em){.d__name{margin-block-start:2.5rem}}.d__description{padding-block-end:1.5rem;border-bottom:1px solid var(--line-nav)}@media(min-width: 69.5em){.d__description{padding-block-end:2.25rem;width:91%}}.d__block{display:flex;flex-direction:column;gap:2rem;padding-block:1.5rem}@media(min-width: 47.5em){.d__block{flex-direction:row;gap:2.5rem;padding-block-end:2.5rem;justify-content:space-evenly}}@media(min-width: 69.5em){.d__block{gap:4rem;padding-block:2.25rem 0;justify-content:flex-start}}.d__item{margin-block-end:.75rem}.section__crew{padding-inline:1.5rem;display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr;justify-items:center;text-align:center;margin-block-start:1.5rem;min-height:100%;padding-block-end:14%}@media(min-width: 47.5em){.section__crew{padding-inline:7.5rem}}@media(min-width: 69.5em){.section__crew{padding-inline:9.375rem}}@media(min-width: 47.5em){.section__crew{margin-block-start:2.5rem;padding-block-end:8%}}@media(min-width: 69.5em){.section__crew{grid-template-rows:.5fr 1fr;grid-template-columns:1fr 1fr;text-align:left;width:100%;justify-content:space-between;margin-block-end:3rem;padding-block-end:3%}}.c__txt{margin-block-start:4rem}@media(min-width: 69.5em){.c__txt{margin-block-start:0;grid-area:2/1/span 1/span 1;display:flex;flex-direction:column;justify-content:space-between}}.c__name{margin-block:.5rem 1.5rem}@media(min-width: 47.5em){.c__name{margin-block-end:1rem}}@media(min-width: 69.5em){.c__img{grid-area:1/2/span 2/2}}.c__menu{display:flex;gap:1rem;margin-block:3rem 1.5rem;justify-content:center}@media(min-width: 69.5em){.c__menu{margin-block:0;gap:2.5rem;justify-content:flex-start}}.section__technology{display:flex;flex-direction:column;justify-items:center;text-align:center;margin-block-start:1.5rem;min-height:100%;padding-block-end:14%}@media(min-width: 47.5em){.section__technology{margin-block-start:2.5rem;padding-block-end:8%}}@media(min-width: 69.5em){.section__technology{display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;text-align:left;width:100%;justify-content:space-between;margin-block-end:3rem;padding-inline-start:9.375rem;padding-block-end:3%}}.t__txt{order:1;display:flex;flex-direction:column;gap:2.5rem}@media(min-width: 69.5em){.t__txt{margin-block-start:0;grid-area:2/1/span 1/span 1;flex-direction:row;gap:4rem}}.t__img{margin-block:5.5rem 2rem}@media(min-width: 69.5em){.t__img{grid-area:1/2/span 2/2;align-self:self-end;margin-block:0}}.t__btn{width:2.5rem;height:2.5rem}@media(min-width: 47.5em){.t__btn{width:3.5rem;height:3.5rem}}@media(min-width: 69.5em){.t__btn{width:5rem;height:5rem}}.t__menu{display:flex;gap:1rem;justify-content:center}@media(min-width: 69.5em){.t__menu{flex-direction:column;gap:2rem}}.t__info{padding-inline:1.5rem}@media(min-width: 47.5em){.t__info{padding-inline:7.5rem}}@media(min-width: 69.5em){.t__info{padding-inline:9.375rem}}@media(min-width: 69.5em){.t__info{display:flex;flex-direction:column;justify-content:center;padding-inline:0}}.t__name{margin-block:1rem}@media(min-width: 69.5em){.t__name{margin-block-end:1.5rem}}@media(min-width: 69.5em){.t__description{width:96%}}.d__img{display:block;aspect-ratio:1/1;background-repeat:no-repeat;background-size:contain;background-position:bottom;margin-block:15%;width:55%;height:55%;align-self:center}@media(min-width: 47.5em){.d__img{width:70%;height:70%}}@media(min-width: 69.5em){.d__img{margin-block:0;width:80%;height:80%}}.c__img{display:block;aspect-ratio:1/1;background-repeat:no-repeat;background-size:contain;background-position:center;align-self:end;width:100%;height:100%}@media(min-width: 69.5em){.c__img{width:80%;height:80%;background-position:right}}.t__img{display:block;aspect-ratio:1/1;background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;height:18.75rem}@media(min-width: 47.5em){.t__img{height:25rem}}@media(min-width: 69.5em){.t__img{background-position:right;background-size:contain;height:90%}}.bg__home,.bg__des,.bg__crew,.bg__tech{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.bg__home{background-image:url("../starter-code/assets/home/background-home-mobile.jpg");background-size:cover;background-position:center;background-repeat:no-repeat}@media(min-width: 47.5em){.bg__home{background-image:url("../starter-code/assets/home/background-home-tablet.jpg")}}@media(min-width: 69.5em){.bg__home{background-image:url("../starter-code/assets/home/background-home-desktop.jpg")}}.bg__des{background-image:url("../starter-code/assets/destination/background-destination-mobile.jpg");background-size:cover;background-position:center;background-repeat:no-repeat}@media(min-width: 47.5em){.bg__des{background-image:url("../starter-code/assets/destination/background-destination-tablet.jpg")}}@media(min-width: 69.5em){.bg__des{background-image:url("../starter-code/assets/destination/background-destination-desktop.jpg")}}.bg__crew{background-image:url("../starter-code/assets/crew/background-crew-mobile.jpg");background-size:cover;background-position:center;background-repeat:no-repeat}@media(min-width: 47.5em){.bg__crew{background-image:url("../starter-code/assets/crew/background-crew-tablet.jpg")}}@media(min-width: 69.5em){.bg__crew{background-image:url("../starter-code/assets/crew/background-crew-desktop.jpg")}}.bg__tech{background-image:url("../starter-code/assets/technology/background-technology-mobile.jpg");background-size:cover;background-position:center;background-repeat:no-repeat}@media(min-width: 47.5em){.bg__tech{background-image:url("../starter-code/assets/technology/background-technology-tablet.jpg")}}@media(min-width: 69.5em){.bg__tech{background-image:url("../starter-code/assets/technology/background-technology-desktop.jpg")}}@font-face{font-family:"Barlow Condensed";src:url("../starter-code/assets/fonts/BarlowCondensed-Regular.woff2") format("woff2"),url("../starter-code/assets/fonts/BarlowCondensed-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Barlow";src:url("../starter-code/assets/fonts/Barlow-Regular.woff2") format("woff2"),url("../starter-code/assets/fonts/Barlow-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Bellefair";src:url("../starter-code/assets/fonts/Bellefair-Regular.woff2") format("woff2"),url("../starter-code/assets/fonts/Bellefair-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}.nav__menu{font-family:"Barlow Condensed",sans-serif;letter-spacing:.16875rem;font-size:.875rem;text-transform:uppercase}@media(min-width: 47.5em){.nav__menu{font-size:1rem}}@media(min-width: 69.5em){.nav__menu{font-size:1rem}}.menu__number{font-weight:700}.weight_up,.t__btn,.t__title,.c__role,.section__title,.d__name,.c__name,.t__name,.d__tab,.d__item,.d__distance,.d__travel,h1,.main__title,.main__button{font-weight:500;text-transform:uppercase}.parragraph__description,.t__description,.c__description,.d__description,.main__p{font-family:"Barlow",sans-serif;line-height:1.8;font-size:.9375rem;font-weight:500}@media(min-width: 47.5em){.parragraph__description,.t__description,.c__description,.d__description,.main__p{font-size:1rem}}@media(min-width: 69.5em){.parragraph__description,.t__description,.c__description,.d__description,.main__p{font-size:1.125rem}}h1{font-family:"Barlow Condensed",sans-serif;letter-spacing:.1875rem;font-size:1rem}@media(min-width: 47.5em){h1{font-size:1.75rem}}@media(min-width: 69.5em){h1{font-size:1.75rem}}.main__title{font-family:"Bellefair",serif;font-size:5rem}@media(min-width: 47.5em){.main__title{font-size:9rem}}@media(min-width: 69.5em){.main__title{font-size:9rem}}.main__button{font-family:"Bellefair",serif;font-size:1.125rem}@media(min-width: 47.5em){.main__button{font-size:1.5rem}}@media(min-width: 69.5em){.main__button{font-size:2rem}}.section__title{font-family:"Barlow Condensed",sans-serif;letter-spacing:.296875rem;font-size:1rem}@media(min-width: 47.5em){.section__title{font-size:1.25rem}}@media(min-width: 69.5em){.section__title{font-size:1.75rem}}.d__name,.c__name,.t__name{font-family:"Bellefair",serif;font-size:3.5rem}@media(min-width: 47.5em){.d__name,.c__name,.t__name{font-size:5rem}}@media(min-width: 69.5em){.d__name,.c__name,.t__name{font-size:6.25rem}}.d__tab{font-family:"Barlow Condensed",sans-serif;letter-spacing:.16875rem;font-size:.875rem}@media(min-width: 47.5em){.d__tab{font-size:1rem}}@media(min-width: 69.5em){.d__tab{font-size:1rem}}.d__item{font-family:"Barlow Condensed",sans-serif;letter-spacing:.146875rem;font-size:.875rem}@media(min-width: 47.5em){.d__item{font-size:.875rem}}@media(min-width: 69.5em){.d__item{font-size:.875rem}}.d__distance,.d__travel{font-family:"Bellefair",serif;font-size:1.75rem}@media(min-width: 47.5em){.d__distance,.d__travel{font-size:1.75rem}}@media(min-width: 69.5em){.d__distance,.d__travel{font-size:1.75rem}}.c__role{font-family:"Bellefair",serif;font-size:1.125rem}@media(min-width: 47.5em){.c__role{font-size:1.5rem}}@media(min-width: 69.5em){.c__role{font-size:2rem}}.c__name{font-family:"Bellefair",serif;font-size:1.5rem}@media(min-width: 47.5em){.c__name{font-size:2.5rem}}@media(min-width: 69.5em){.c__name{font-size:3.5rem}}.t__btn,.t__title{font-family:"Bellefair",serif;font-size:1.125rem}@media(min-width: 47.5em){.t__btn,.t__title{font-size:1.5rem}}@media(min-width: 69.5em){.t__btn,.t__title{font-size:2rem}}.t__name{font-family:"Bellefair",serif;font-size:1.5rem}@media(min-width: 47.5em){.t__name{font-size:2.5rem}}@media(min-width: 69.5em){.t__name{font-size:3.5rem}}footer{font-family:"Barlow Condensed",sans-serif;letter-spacing:.125rem;font-size:.625rem;text-transform:uppercase}@media(min-width: 47.5em){footer{font-size:.75rem}}@media(min-width: 69.5em){footer{font-size:.875rem}}footer a{text-decoration:none;color:var(--secondary-color);font-weight:600}